<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>FinancialRatio</title>

<!-- main library start-->
<script src="../../libraryChartFinance/jqplot/jquery.js"></script>
<script src="../../libraryChartFinance/jqplot/jquery.jqplot.min.js" type="text/javascript" language="javascript"></script>
<link href="../../libraryChartFinance/jqplot/jquery.jqplot.min.css" type="text/css" rel="stylesheet"/>
<link href="../../libraryChartFinance/jquery-jvectormap/jquery-jvectormap-1.2.2.css" type="text/css" rel="stylesheet"/>
<script src="../../libraryChartFinance/jquery-jvectormap/jquery-jvectormap-1.2.2.min.js"></script>
<script src="../../libraryChartFinance/bootsrap/js/bootstrap.min.js"></script>
<link href="../../libraryChartFinance/kendoCommercial/styles/kendo.common.min.css" rel="stylesheet" />
<link href="../../libraryChartFinance/kendoCommercial/styles/kendo.default.min.css" rel="stylesheet" />
<script src="../../libraryChartFinance/kendoCommercial/js/kendo.all.min.js"></script>
<!-- main library end-->

<!--  library  chart start -->
<script type="text/javascript" src="../../libraryChartFinance/jqplot/plugins/jqplot.barRenderer.min.js" type="text/javascript" language="javascript"></script>
<script type="text/javascript" src="../../libraryChartFinance/jqplot/plugins/jqplot.categoryAxisRenderer.min.js" type="text/javascript" language="javascript"></script>
<script type="text/javascript" src="../../libraryChartFinance/jqplot/plugins/jqplot.pointLabels.min.js" type="text/javascript" language="javascript"></script>
<script type="text/javascript" src="../../libraryChartFinance/jqplot/plugins/jqplot.pieRenderer.min.js"></script>
<script type="text/javascript" src="../../libraryChartFinance/jqplot/plugins/jqplot.donutRenderer.min.js"></script>
<script type="text/javascript" src="../../libraryChartFinance/jqplot/plugins/jqplot.meterGaugeRenderer.min.js"></script>
<script type="text/javascript" src="../../libraryChartFinance/jqplot/plugins/jqplot.mekkoRenderer.min.js"></script>
<script type="text/javascript" src="../../libraryChartFinance/jquery-jvectormap/jquery-jvectormap-th_regions-mill-en.js"></script>
<script type="text/javascript" src="../../libraryChartFinance/jquery-jvectormap/jquery-jvectormap-th-mill-th.js"></script>
<script type="text/javascript" src="../../libraryChartFinance/jquery-jvectormap/jquery-jvectormap-th-region-mill-th.js"></script>
<script type="text/javascript" src="../../libraryChartFinance/jquery-jvectormap/jquery-jvectormap-world-mill-en.js"></script>
<script type="text/javascript" src="../../libraryChartFinance/jqplot/plugins/jqplot.canvasAxisTickRenderer.min.js"></script>
<script type="text/javascript" src="../../libraryChartFinance/jqplot/plugins/jqplot.canvasTextRenderer.min.js"></script>
<script type="text/javascript" src="../../libraryChartFinance/jqplot/plugins/jqplot.highlighter.js"></script>
<script type="text/javascript" src="../../libraryChartFinance/jqplot/plugins/jqplot.euroFormatter.js"></script>
<script type="text/javascript" src="../../libraryChartFinance/jqplot/plugins/jqplot.enhancedLegendRenderer.min.js"></script>
<!--  library  chart start -->

<!--  library function chart start -->
<script type="text/javascript" src="../../Controller/initial.js"></script> 
<script type="text/javascript" src="../../Controller/barChart.js"></script> 
<script type="text/javascript" src="../../Controller/barChartHorizontal.js"></script>
<script type="text/javascript" src="../../Controller/donutChart.js"></script>
<script type="text/javascript" src="../../Controller/lineChart.js"></script>
<script type="text/javascript" src="../../Controller/pieChart.js"></script>
<script type="text/javascript" src="../../Controller/barLineChart.js"></script>
<script type="text/javascript" src="../../Controller/gaugeChart.js"></script>
<script type="text/javascript" src="../../Controller/map.js"></script>
<script type="text/javascript" src="../../Controller/table.js"></script>
<script type="text/javascript" src="../../Controller/mainJs.js"></script>
<script type="text/javascript" src="../../Controller/BarLineChart_A.js"></script>
<style>
	#tabs{
		font-size:16px;
	}
</style>
<!--  library function chart end -->
    
	<link href="../../Css/Finance/fn_ratios.css" rel="stylesheet" type="text/css">
	<link href="../../jquery-ui/css/custom-theme/jquery-ui-1.10.4.custom.css" rel="stylesheet" type="text/css">
	<script src="../../jquery-ui/js/jquery-ui-1.10.4.custom.min.js"></script>
	
<!-- call Controller main Start -->
	<script src="../../Controller/Finance/fn_ratios.js"> </script>
	<script src="../../Controller/Finance/fn_ratio_revenue.js"> </script>
	<script src="../../Controller/Finance/fn_ratio_ie.js"> </script>
	<script src="../../Controller/Finance/fn_ratio_cost.js"> </script>
<!-- call Controller main END -->

</head>
<body>
	<div id="body">
		<div id="maincontent">
			<div id ="tabs">
			<form id="formAction">
			<div id="Param">
				<div id = "ParamLeft">
					<div id = ParamLeft2>
						<div id = "FnParamYear" class = "ParamLeftSub">
							<div class = "ParamTitle">ปีงบประมาณ</div>
							<div class = "ParamSubTitle" id = "fn_paramYearList"></div>
						</div>
						
						<div id = "FnParamArea" class = "ParamLeftSub">
							<div class = "ParamTitle">พื้นที่</div>
							<div class = "ParamSubTitle" id = "fn_paramAreaList"></div>
						</div>
						
						<div id = "FnParamOrg" class = "ParamLeftSub">
							<div class = "ParamTitle">คณะ|หน่วยงาน</div>
							<div class = "ParamSubTitle" id = "fn_paramOrgList"></div>
						</div>
						
						<div id = "FnParamDep" class = "ParamLeftSub">
							<div class = "ParamTitle">ภาควิชา</div>
							<div class = "ParamSubTitle" id = "fn_paramDepList"></div>
						</div>
					</div>
				</div>
				
				<div id = "ParamRight">	
					<div id="submit"> 
						<input type="submit" id="btnSubmit" name="btnSubmit" value="เรียกดูข้อมูล"  style="height:35px; width:auto; text-align:center;font:16px Tahoma ;" >
					</div>
				</div>
				<br style="clear:both">
			</div>
		</form>
				<ul>
					<li><a href="#tabs-1">สัดส่วนรายรับ</a></li>
					<li><a href="#tabs-2">IE Ratio</a></li>
					<li><a href="#tabs-3">ค่าใช้จ่ายบุคลากร</a></li>
				</ul>
				<div id="tabs-1"></div>
				<div id="tabs-2"></div>
				<div id="tabs-3"></div>
			</div>
		</div>
	</div>
</body>
</html>